<template>
	<view class="item">
		<view class="sh">
			<view>
				<image src="../../../static/shouhu.png" style="width: 40rpx; height: 40rpx; margin-left: 10rpx; margin-right: 10rpx;"></image>
				<text class="wb">曼联客场不败场次排名第二,阿森纳27次客场不败</text>
			</view>
		</view>
		<view class="dhw">
			<view>
				<image src="../../../static/2017090511563086816.jpg" style="width: 110rpx;height: 110rpx;" ></image>
			</view>
			<view>
				<view class="zt">
					大河网
				</view>
				<view class="rq">
					12/14 10:53
				</view>
			</view>
			<view class="reg-right">
				+关注
			</view>
		</view>
		<view class="items">
			<view>
				<text>
					曼联客场对阵阿斯顿维拉，这场比赛的结果对于现阶段的曼联来说影响并不是很大,但如果一旦曼联输球,他们的同城死敌曼城就将提前加冕本赛季的英超冠军，在这样的大背景下，曼联众将士自然是不愿意间接助攻死敌夺冠，因此在上半场落后的情况下，曼联在下半场发起了猛烈反扑，最终红魔以3-1的比分战胜了对手。由于最近一段时间曼联赛程十分密集,打完罗马之后,曼联又紧锣密技地来到维拉公园球场。比赛一开始,曼联众球星都显得有些疲惫,正是这样的一种疲惫状态,让曼联在场上犯错了。在比赛进行至第23分钟的时候,弗雷德的失误酿成大错,特劳雷进球打破场上僵局丢球之后,场边的索尔斯克亚也陷入了沉思。到了下半场,曼联开启了反扑模式,在下半场仅仅只进行了10分钟的时间,曼联就先后由费尔南德斯(点球）以及格林伍德打入两粒进球将比分反超,随后超级替补卡瓦尼出场,在比赛临近结束的时候,卡瓦尼打入了锁定胜局的进球,将最终场上的比分定格在了3-1。不得不说的是,本赛季的曼联似乎习惯了对手先进球。根据OPTA的数据统计,本赛季曼联在客场一共10次先被对手进球,最终红魔取得了9次逆转（9胜1平)。更重要的是,算上主场比赛,曼联在先被进球的情况下,一共赢得了10场比赛,在落后的情况下为球队抢到了31个积分,创造了单赛季球队逆转的纪录。在赢得这场胜利之后,曼联将他们的客场不败战绩延续到了25场,这样的客场不败场次在英超历史上排名第二。在曼联身前的只剩下阿森纳,在2003-04赛季,阿森纳一共27次客场不败。拿下3分之后,曼联与曼城之间的分差还有10分,由于曼联少赛一轮,因此在理论上,曼联还有夺冠的希望。虽然说本赛季英超冠军基本上已经基本确定是曼城,但曼联如今能做的就是稳扎稳打去拿卞每一场比赛。至于曼城何时加冕,站在曼联的立场,自然希望是越晚越好。
				</text>
			</view>
			<view class="jd">校对 刘军</view>
		</view>
		<view class="pt">
			<view>
				<image style="width: 20rpx;height: 15rpx; border-radius: 20rpx;" src="../../../static/gth.png"></image>
			</view>
			<view class="ptjj">平台声明</view>
		</view>
		<view class="jc">
			<view class="jcs">
				精彩推荐
			</view>
		</view>
		<view class="xw" >
		<view>
		<view>
		单节24分,5个三分球!库里打疯了，半场狂胜25分
		</view>
		<view c1ass="xwnr">
		<view class="xwnrs">科技狐头条</view>
		<view class="xwnrs">3737评</view>
		</view>
		</view>
		<view>
			<image style="width: 200rpx; height: 150rpx; border-radius: 20rpx; " src="../../../static/11.png"></image>
		</view>	
		</view>
		<view class="xws">
		</view>
		
		<view class="jc">
			<view class="jcs">
				我来说两句
			</view>
		</view>
		<view style="color:#FFFFFF;margin-bottom: 30rpx;margin-left: 20rpx; background-color: #C0C0C0;border-radius: 50rpx;text-align: center;margin-right: 20rpx;">
			热评评论
		</view>
		<view class="pl">
			<view >
				<image style="width: 80rpx;height: 80rpx;" src="../../../static/mmao.png" ></image>
			</view>
			<view class="lp" v-for="(item, index) in Hotcomment" :key="index">
				<view class="pll">
					<view >
						<view class="ztl">{{item.netfriend}}</view>
						<view class="sj">
							<view class="sjs">{{item.time}}</view>
							<view class="sjs">{{item.city}}</view>
						</view>
					</view>
					<view class="pl">
						<view class="plll">7</view>
						<view class="plll">
							<image style="width: 30rpx;height: 30rpx;" src="../../../static/xingxi.png" ></image>
						</view>
					</view>
				</view>
				<view class="pll">{{item.notes}}</view>
			</view>
		</view>
		<view class="xhx"></view>
		
		<view class="zdb">
			<view>
				<image style="width: 40rpx;height: 40rpx;margin-top: 5rpx;" src="../../../static/zjt.png" ></image>
			</view>
			<view class="left">
				<input type="text" style="width: 220rpx;height: 20rpx; margin-right: 20rpx;font-size: 25rpx;margin-top: 10rpx;" placeholder="有何观点" class="search_input"></input>
			</view>
			<view class="jl">
				<image style="width: 40rpx;height: 40rpx;" src="../../../static/xingxi.png"></image>
			</view>
			<view class="jl">
				<image style="width: 40rpx;height: 40rpx;" src="../../../static/wjx.png"></image>
			</view>
			<view class="jl">
				<image style="width: 40rpx;height: 40rpx;" src="../../../static/lj.png"></image>
			</view>
		</view>
	</view>
</template>


<script>
	export default {
		data() {
			return {
				recommend:[
					{
						id:'1',
						content:'单节24分,5个三分球!库里打疯了，半场狂胜25分',
					    comment:'3737',
						img:'../../../static/11.png'
					},
					{
						id:'2',
						content:'意甲第35轮国米进攻的弱点是什么,国米进攻优势是什么',
						comment:'9677',
						img:'../../../static/22.png'
					}	
				],
				Hotcomment:[
					{
						netfriend:'网友872503',
						time:'2小时前',
						city:'广西贵港市',
					 notes:'微笑生活,勇敢面对'
					},
					{
						netfriend:'平安379373',
						time:'3小时前',
						city:'广西河池市',
					    notes:'真看不懂,理解不了'
					},
					{
						netfriend:'交友896903',
						time:'5小时前',
						city:'广西柳州市',
					    notes:'不应该/应该如何面对。'
					}
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.jl image{
		margin-top: 10rpx;
		margin-left: 15rpx;
	}
	.item{
		margin-top: 15rpx;
	}
	.items{
		margin: 20rpx;
	}
	.zt{
		font-size: 35rpx;
		margin-top: 10rpx;
		margin-left: 15rpx;
	}
	.rq{
		font-size: 30rpx;
		color: #b9b9b9;
		margin-top: 5rpx;
		margin-left: 15rpx;
	}
	.sh{
		margin-right: 30rpx;
	}
	.tp{
		width: 50rpx;
		height: 50rpx;
		margin: 0rpx 20rpx -10rpx 0rpx;
	}
	.sj{
		color: #c8c7cc;
		font-size: 40rpx;
		display: flex;
	}
	.sjs{
		margin-right: 30rpx;
		font-size: 20rpx;
		margin-top: 5rpx;
	}
	.wb{
		font-size: 40rpx;
		font-weight: 900;
	}
	.dhw{
		display: flex;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}
	.tps{
		width: 80rpx;
		height: 80rpx;
	}
	.a{
		margin-top: 30rpx;
		margin-right: 30rpx;
	}
	.dhb{
		margin-top: 30rpx;
		margin-right: 30rpx;
	}
	.b{
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		font-weight: bold;
	}
	.reg-right{
		background: #DD524D;
		height: 45rpx;
		border-radius: 60rpx;
		color: #FFFFFF;
		width: 120rpx;
		text-align: center;
		margin-top: 30rpx;
		margin-left: 280rpx;
		font-size: 30rpx;
	}
	.jd{
		margin-top: 40rpx;
		
	}
	.pt{
		margin: 30rpx 20rpx 40rpx 530rpx;
		color: #d9d9d9;
		display: flex;
		
	}
	.ptjj{
		margin-left: 10rpx;
		
	}
	.jc{
		background-color: #f05054;
		width: 160rpx;
		color: #FFFFFF;
		font-size: 30rpx;
		height: 37rpx;
		margin-left: -15rpx;
		margin-bottom: 40rpx;
	}
	.jcs{
		text-align: center;
		font-size: 25rpx;
	}
	.xw{
		display: flex;
		flex-direction: row;
		margin: 20rpx 20rpx 20rpx 20rpx;
	}
	.xws{
		border-bottom: 1rpx solid #d0d0d0;
		margin-top: 20rpx;
		margin-bottom: 30rpx;
	}
	.xwnr{
		display: flex;
		flex-direction: row;
		color: #b9b9b9;
		font-size: 30rpx;
		margin-top: 10rpx;
	}
	.xwnrs{
		margin-right: 30rpx;
		font-size: 25rpx;
	}
	.pl{
		/* display: flex;
		flex-direction: row; */
		/* text-align: center; */
		margin-right: -330rpx;
		margin-bottom: 40rpx;
		margin-top: 10rpx;
	}
	.lp{
		margin-left: -30rpx;
		
	}
	.pll{
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		-wekbet-justify-content:space-between;
		margin-left: 60rpx;
	}
	.plll{
		margin-right: 65rpx;
		color: #999999;
	}
	.xhx{
		border-bottom: 1rpx solid #C0C0C0;
	}
	.jz{
		color: #C0C0C0;
		margin-left: 110rpx;
		margin-bottom: 80rpx;
	}
	.zdb{
		display: flex;
		flex-direction: row;
		position: fixed;
		bottom: 0rpx;
		background-color: #FFFFFF;
		width: 100%;
		height: 60rpx;
	}
	.left{
		height: 10rpx;
		margin-left: 20rpx;
	}
	.search_input{
		background-color: #F8F8F8;
		border-radius: 40rpx;
		padding: 5rpx 30rpx 6prx 30rpx;
		margin-right: 1rpx;
	}
	.jl{
		margin-left: 70rpx;
	}
	.ztl{
		font-size: 30rpx;
		color: #007AFF;
		margin-top: 10rpx;
	}
</style>
